<div class="devui-checkbox-group">
  <ul [class.devui-checkbox-list-inline]="direction === 'row'">
    <li *ngFor="let item of options_display; let i = index" [class.devui-checkbox-column-margin]="direction === 'column'">
      <span>
        <d-checkbox
          [name]="name"
          [label]="item['value'][filterKey] ? item['value'][filterKey] : item['value']"
          [(ngModel)]="item['isChecked']"
          [isShowTitle]="isShowTitle"
          [color]="color"
          [disabled]="item['value']['disabled']"
          [labelTemplate]="labelTemplate"
          [showAnimation]="showAnimation"
          (ngModelChange)="toggle($event, i)"
          [beforeChange]="beforeChange"
        >
        </d-checkbox>
      </span>
    </li>
  </ul>
</div>
